Webpack 是一個用於建立前端應用程式的工具,它允許您將多個JavaScript 模組、CSS 檔案和其他資源壓縮成一個或多個最終的捆綁檔案。Webpack 提供了許多插件和功能來增強您的建置流程,其中包括文件監聽功能,以便在文件發生變化時自動重新建構你的應用程式。以下是關於 Webpack 中的監聽的一些重要資訊:
**輪詢模式(Polling):**Webpack會在一定的時間間隔內輪詢檔案系統來檢查檔案的變化,如果有變化,則重新建構。這種方式的優點是跨平台,但會佔用一些CPU資源。可以透過配置選項來啟用輪詢模式:
**監聽模式(Watch Mode):**Webpack會使用檔案系統提供的高效監聽功能,一旦檔案發生變化,Webpack就會自動重新建置。這種方式更多,不會佔用額外的CPU資源,但它在某些檔案系統中上可能會停用。監聽模式是預設啟用的,您可以透過在命令列中新增--watch或在設定中設定watch: true來啟用它。
無論使用哪種監聽模式,Webpack 都會在檔案變更時自動重新建構應用,你可以在終端機或命令列中看到建置過程的輸出。
另外,你也可以透過 Webpack 外掛程式來執行其他操作,例如瀏覽器自動刷新(熱模組替換),這樣當檔案發生變化時,不需要手動刷新頁面就可以看到更新後的應用程式。
要實現監聽功能,通常需要在你的設定檔(通常是webpack.config.js)中進行相應的設定專案。監聽功能對於開發過程非常有用,因為它可以幫助你及時查看程式碼變更的效果,而無需手動重新建置應用程式。